<template>
	<view class="page page-setting">

		<view class="lines-item" @click="go('agreement','type=agreement')">
			<view>用户协议</view>
			<view class="icon icon-angle-right"></view>
		</view>
		<view class="lines-item border-none" @click="go('agreement','type=privacy')">
			<view>隐私政策</view>
			<view class="icon icon-angle-right"></view>
		</view>

		<view class="version">{{version || 1}}</view>

	</view>

</template>

<script setup>

	const version = uni.getAccountInfoSync().miniProgram.version

</script>

<style lang="scss">
.page-setting {
	background-color: $uni-color-navigator;
	color: white;
	padding: 20px;

	.border-none {
		border: none!important;
	}

	.lines-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 0;
		border-bottom: 1px solid #ddd;
		font-size: 16px;

		.icon {
			font-size: 13px;
		}
	}
	.version {
		position: absolute;
		width: 100%;
		left: 0;
		font-size: 10px;
		bottom: 80px;
		text-align: center;
		z-index: 1;
	}

}
</style>

